import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';

import { AppRoutingModule } from './app-routing.module';
import { AppComponent } from './app.component';

import { HttpClientModule } from '@angular/common/http';

import { FormsModule } from '@angular/forms';

import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
import { OAuthModule } from 'angular-oauth2-oidc';
import {
  DxDataGridModule,
  //DxButtonModule,
  DxPopupModule,
  //DxLoadIndicatorModule,
  DxLoadPanelModule,
  DxTileViewModule,
  //DxCheckBoxModule,
  DxChartModule,
  DxDropDownBoxModule,
  //DxNumberBoxModule,
  // DxDateBoxModule,
} from 'devextreme-angular';
import { HtmltagPipe } from './htmltag.pipe';
import { SearchdetailComponent } from './searchdetail/searchdetail.component';
import { AdvancedqueryComponent } from './advancedquery/advancedquery.component';
import { AggregationComponent } from './aggregation/aggregation.component';
import { MrconditionComponent } from './mrcondition/mrcondition.component';
import { StatisticComponent } from './statistic/statistic.component';

// import { CdkTableModule } from '@angular/cdk/table';
import { QueryComponent } from './query/query.component';
import { QuerytargetComponent } from './querytarget/querytarget.component';
import { FishboneComponent } from './fishbone/fishbone.component';
import { NgxEchartsModule } from 'ngx-echarts';
import { MridviewComponent } from './mridview/mridview.component';
import { ModelComponent } from './model/model.component';
import { ModelinfoComponent } from './modelinfo/modelinfo.component';

@NgModule({
  declarations: [
    AppComponent,
    SearchdetailComponent,
    AdvancedqueryComponent,
    HtmltagPipe,
    AggregationComponent,
    MrconditionComponent,
    StatisticComponent,
    QueryComponent,
    QuerytargetComponent,
    FishboneComponent,
    MridviewComponent,
    ModelComponent,
    ModelinfoComponent,
  ],
  imports: [
    BrowserModule,
    AppRoutingModule,
    FormsModule,
    //ClarityModule,
    BrowserAnimationsModule,
    HttpClientModule,
    //MatTableModule,
    //CdkTableModule,
    OAuthModule.forRoot(),
    DxDataGridModule,
    DxDropDownBoxModule,

    //DxButtonModule,
    DxPopupModule,
    //DxLoadIndicatorModule,
    DxLoadPanelModule,
    DxTileViewModule,
    //DxCheckBoxModule,
    DxChartModule,
    //DxNumberBoxModule,
    //DxDateBoxModule,

    NgxEchartsModule,
  ],
  providers: [],
  bootstrap: [AppComponent],
})
export class AppModule {}
